import {App, Platform} from 'ionic-angular';
import {StatusBar} from 'ionic-native';
import {HomePage} from './pages/home/home';
import {TabMain, Tab1, Tab2, Tab3} from './tab_main/tab_main';


@App({
    //template: '<ion-nav [root]="rootPage"></ion-nav>',
    //config: {} // http://ionicframework.com/docs/v2/api/config/Config/
    template: `
	<ion-tabs>
	<ion-tab tabIcon="water" tabTitle="Water" [root]="tab1"></ion-tab>
	<ion-tab tabIcon="leaf" tabTitle="Life" [root]="tab2"></ion-tab>
	<ion-tab tabIcon="flame" tabTitle="Fire" [root]="tab3"></ion-tab>
	<ion-tab tabIcon="magnet" tabTitle="Force" [root]="tab4"></ion-tab>
	</ion-tabs>`
})
class MyApp {
    /*
    static get parameters() {
	return [[Platform]];
    }

    constructor(platform) {
	this.rootPage = HomePage;

	platform.ready().then(() => {
	    // Okay, so the platform is ready and our plugins are available.
	    // Here you can do any higher level native things you might need.
	    StatusBar.styleDefault();
	});
    }
    */

    constructor() {
	this.tab1 = TabMain;
	this.tab2 = Tab1;
	this.tab3 = Tab2;
	this.tab4 = Tab3;
    }
    selectTab(i) {
        this.tabs.select(i);
    }
}
